<div class="page-3 type-info commonPage">
	<div class="bg-3"></div>
	<?php echo $this->element('sidebar'); ?>
	<div class="box-right zhigh">
		<?php echo $this->element('header'); ?>
		<div class="box-content">
			<div class="post-content">
				<div class="steps">
					<div class="img">
						<img src="<?php echo $this->webroot ?>images/cart-i.png"/>
					</div>
					<div class="bg-step">
						<div class="step s01 active" id="step01">
							<div>ĐĂNG NHẬP</div>
							<span></span>
						</div>
						<div class="step s02 " id="step02">
							<div>THÔNG TIN GIAO HÀNG </div>
							<span></span>
						</div>
						<div class="step s03">
							<div>THÔNG TIN THANH TOÁN</div>
							<span></span>
						</div>
					</div>
				</div>
				<div class="step-form">
					<div class="step-left">
						<div class="step01 step">
							<div class="middle">
								<span class="txt">Nhập vào địa chỉ email</span>
								<input type="text" value="" name="" />
								<div class="radiocheck">
									<input type="radio" name="isRegister" id="notRegister" />
									<label for="notRegister">Đặt hàng mà không cần đăng ký</label>
								</div>
								<div class="radiocheck">
									<input type="radio" name="isRegister" id="hasRegister" />
									<label for="hasRegister">Tôi đã có tài khoản tại Cutkit.com.vn</label>
								</div>
								<input type="text" name="" value="" class="pass" />
								<a href="#" class="forgetpass">Quên mật khẩu?</a>
								<a href="#" class="btnCon" id="continue-step2" step="step02">Tiếp tục >></a>
							</div>
						</div>
						<div class="step02 step" style="display: none;">
							<div class="middle">
								<span class="txt">Địa chỉ giao hàng</span>
								<div class="row-step02">
									<label>Họ và tên:</label>
									<input type="text" value="" name="" placeholder="Họ và tên bạn" />
								</div>
								<div class="row-step02">
									<label>Số điện thoại:</label>
									<input type="text" value="" name="" placeholder="0977088148" />
								</div>
								<div class="row-step02 province">
									<label>Tỉnh/Thành phố:</label>
									<select name="">
										<option value="">Hồ Chí Minh</option>
									</select>
								</div>
								<div class="row-step02 district">
									<label>Quận / huyện:</label>
									<select name="">
										<option value="">Lựa chọn</option>
									</select>
								</div>
								<div class="row-step02">
									<label>Địa chỉ:</label>
									<input type="text" value="" name="" placeholder="Số nhà, đường, (toà nhà), phường/xã" />
								</div>
								<div class="row-except">
									<input type="checkbox" name="" id="except-cart" />
									<label for="except-cart">Địa chỉ in trên hoá đơn khác với địa chỉ nhận hàng</label>
								</div>
								<a href="#" class="btnCon">Tiếp tục >></a>
							</div>
						</div>
					</div>
					<div class="step-right">
						<h3>THÔNG TIN ĐƠN HÀNG</h3>
						<span class="sub">Bạn có 5 sản phẩm trong giỏ hàng.</span>
						<div class="right-col">
							<div class="row-title">
								<div class="col-1 col">Sản phẩm	</div>
								<div class="col-2 col">Số lượng</div>
								<div class="col-3 col">Giá	</div>
							</div>
							<div class="info-cart-scroll">
								<div class="info-cart-detail">
									<div class="row">
										<div class="col-1">
											Thùng Lego Duplo 
											sáng tạo / Vàng
										</div>
										<div class="col-2">
											
										</div>
										<div class="col-3">
											
										</div>
									</div>
									<div class="row">
										<div class="col-1">
											Thùng Lego Duplo 
											sáng tạo / Vàng
										</div>
										<div class="col-2">
											
										</div>
										<div class="col-3">
											
										</div>
									</div>
									<div class="row">
										<div class="col-1">
											Thùng Lego Duplo 
											sáng tạo / Vàng
										</div>
										<div class="col-2">
											
										</div>
										<div class="col-3">
											
										</div>
									</div>
									<div class="row">
										<div class="col-1">
											Lenovo Vibe X 
											S960 - 5.0" / 13MP / 
											16GB (Bạc)
										</div>
										<div class="col-2">
											3
										</div>
										<div class="col-3">
											10.888.888 VND
										</div>
									</div>
									<div class="row">
										<div class="col-1">
											Lenovo Vibe X 
											S960 - 5.0" / 13MP / 
											16GB (Bạc)
										</div>
										<div class="col-2">
											3
										</div>
										<div class="col-3">
											10.888.888 VND
										</div>
									</div>
								</div>
							</div>
							<div class="total-row">
								<div class="row first">
									<div class="col-1">
										Tổng cộng	
									</div>
									<div class="col-2">9.175.000 VND</div>
								</div>
								<div class="row">
									<div class="col-1">
										Thành tiền (Đã bao gồm VAT)	        	
									</div>
									<div class="col-2">9.175.000 VND</div>
								</div>
							</div>
						</div>
					</div>
					<div class="text-note">
						Thông tin tài khoản cá nhân sẽ được mã hoá để đảm bảo an toàn tuyệt đối.
					</div>
				</div>
			</div>
		</div>
		<div class="contact-now">
			Bạn cần hỗ trợ? Gọi 
			<span>0977 088 147</span> hoặc <span>0906 677 491</span>
		</div>
	</div>
	<?php echo $this->element('footer'); ?>
</div>